大家好!
今天要繼續昨天的表格式表單,將新增的資料列輸出為 JSON 格式。
我們進入今天的主題吧!
.caption {
display: table-caption;
}
const trs = Felix('.tr');
const textarea = Felix('#result textarea');
form.on('submit', output);
function output(e) {
e.preventDefault();
const obj = {};
const ids = [].map.call(inputs, (input) => input.id);
Felix.forEach(trs, function (tr) {
let i = 1;
const children = tr.children;
const key = obj[children[0][0].value] = {};
Felix.forEach([].slice.call(children, 1, -1), function (td) {
key[i++] = td[0].value;
});
});
textarea[0].textContent = JSON.stringify(obj);
}
<body>
<form class="table">
<!-- ... -->
<div class="caption">
<input type="submit" value="Output as JSON Format">
</div>
</form>
<div id="result">
<textarea readonly></textarea>
</div>
</body>
範例連結製作中。
差不多也到尾聲了。
如果對文章有任何疑問,也歡迎在下方提問和建議!
我是 Felix,我們明天再見!